<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>聚衣商城</title>
    <link rel="stylesheet" href="../../lib/css/reset.min.css">
    <link rel="stylesheet" href="../../lib/css/elementui.min.css">
    <link rel="stylesheet" href="../../css/all.min.css">
</head>

<body>
    <div class="app-wrap" v-cloak id="balance">
        <header-top></header-top>
        <user-top></user-top>
        <div class="bg-gray">
            <div class="container userCenter clear">
                <leftnav navtext="我的余额"></leftnav>
                <div class="balance_content">
                    <div class="clear">
                        <div class="blance_item">
                            <span>可用余额（元）</span>
                            <span class="col-red">{{userInfo.money}}</span>
                            <a href="#" class="btn_white">提现</a>
                            <a href="javascript:;" class="btn_red" @click="addMoney">充值</a>
                        </div>
                        <div class="blance_item">
                            <span>全部余额（元）</span>
                            <span class="col-red">{{userInfo.money + userInfo.iceMoney}}</span>
                            <p class="date">5分钟前</p>
                        </div>
                        <div class="blance_item">
                            <span>锁定余额（元）</span>
                            <span class="col-red">{{userInfo.iceMoney}}</span>
                            <p class="date">5分钟前</p>
                        </div>
                    </div>
                    <div class="balance_detail">
                        <h4>明细</h4>

                        <table class="blance_table" style="border-collapse:separate; border-spacing:0px 10px;">
                            <thead>
                                <tr>
                                    <td>时间</td>
                                    <td>金额</td>
                                    <td>操作</td>
                                </tr>
                            </thead>
                            <tbody>
                                <tr v-for="item in moneyInfo" v-if="moneyInfo">
                                    <td>{{globalAPI.getDate({n:item.createDate,format:"YYYY-MM-DD hh:mm:ss"})}}</td>
                                    <td :class="item.plusMoney < 0 ? 'col-green' : 'col-red'"> {{item.plusMoney}}</td>
                                    <td>{{item.moneyTypeName}}</td>
                                </tr>
                            </tbody>
                        </table>
                        <common-page :current="current" :all="countSize" @btn-click="listen"></common-page>

                    </div>
                </div>


            </div>
        </div>
    </div>
    <script src="../../lib/js/vue.js"></script>
    <script src="../../lib/js/elementui.min.js"></script>
    <script src="../../lib/js/axios.min.js"></script>

    <!-- mock 数据 打包发布的时候记得移除 -->
    <script src="../../lib/js/mock.js"></script>
    <script src="../../js/all.min.js"></script>
    <script>
        balance();
    </script>
</body>

</html>